.page-container {
	max-width: 540px;
	margin: auto;
}

#loading {
	background: url(/static/img/loading.gif) 0 100%/100% 100% no-repeat;
    max-width: 540px;
    margin: 0 auto;
}

#ply-btn {
	width: 100px;
    height: 140px;
    position: absolute;
    left: 50%;
    top: 50%;
    // margin: -57px -50px 0 0;
    transform: translate(-50%,-50%);
    background: url(/static/img/play.png) 0 100%/100% 100% no-repeat;
}

#video1 {
	max-width: 540px;
	// width: 100%;
	width: 1px;
	// height: 1px;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);

}

#video-cover {
	max-width: 540px;
	width: 100%;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

#video-cover img {
	width: 100%;
}

// #video video {
// 	width: 100%;
// }

// .videoAnimation {
// 	animation: videoAni 1s;
// }

// @keyframes videoAni
// {
// 	from {transform: scale(0,0);}
// 	to {transform: scale(1,1);}
// }

#download-back {
	width: 100%;
}

#download-btn {
	// position: fixed;
	width: 40%;
	margin-top: -185px;
}